.accountCard{
  :global{
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
      background-color: unset;
    }
    .ant-tree-title{
      // padding: 0 4px;
      width: 100%;
      display: inline-block;
      border-radius: 3px 3px 3px 3px;
    }
    .ant-tree li .ant-tree-node-content-wrapper{
      height: unset;
      width: calc(100% - 25px);
    }
    .ant-tree li .ant-tree-node-content-wrapper:hover{
      background-color: unset;
    }
  }

  .treeNameBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    border-radius: 3px;
    gap:8px;
    .treeName{
      width: 100%;
      white-space: noWrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .moreOpt{
      display: none;
      align-items: center;
      gap:5px;
      flex-shrink: 0;
    }
    .plusIconBox,.optIconBox{
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .plusIconBox:hover,.optIconBox:hover{
      background: #CED0D1;
      border-radius: 4px;
    }
    .plusIcon{
      width: 14px;
    }
    .optIcon{
      width: 14px;
    }
  }
  .treeNameBox:hover{
    background: #E4E6E7;
    .moreOpt{
      display: flex;
    }
  }
  .treeNameOpt{
    background: #E4E6E7;
    .moreOpt{
      display: flex;
    }
  }
  .treeNameSelect{
    background: #F2F3FF !important;
    color: #0052D9 !important;
  }

  .tableTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
}